<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
    <title>分配角色</title>
    <meta name="decorator" content="default"/>
    <link rel="stylesheet" href="${ctxStatic}/vendor/bootstrap/dist/css/bootstrap.min.css">
    <script src="${ctxStatic}/vendor/jquery/dist/jquery.js"></script>
    <script src="${ctxStatic}/vendor/bootstrap/dist/js/bootstrap.js"></script>
    <script src="${ctxStatic}/vendor/treeTable/jquery.treeTable.min.js" type="text/javascript"></script>
    <script src="${ctxStatic}/vendor/jquery-ztree/3.5.12/js/jquery.ztree.all-3.5.min.js" type="text/javascript"></script>
    <link href="${ctxStatic}/vendor/jquery-ztree/3.5.12/css/zTreeStyle/zTreeStyle.min.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript">
        var resultIds='';
        var setting = {data:{simpleData:{enable:true,idKey:"id",pIdKey:"pId",rootPId:'0'}},
            callback:{onClick:function(event, treeId, treeNode){
                resultIds=treeNode.id;
            }
          }
        };
        $.getJSON("${ctx}/sys/orgDept/treeData",function(data){
            $.fn.zTree.init($("#ztree"), setting, data).expandAll(true);
        });
     </script>
</head>
<body>
    <div id="ztree" class="ztree">
    </div>
</body>
</html>
